<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>北京drg支付医保分组结果</title>
<style type="text/css">
 .ybFuFeiUpCoin{
 margin-left:30px;
 padding-left:60px;
} 
.ybFuFeiDesc{
margin-left:50px;
}
.console-blur{
	-webkit-filter:blur(4px);
}
@-webkit-keyframes light0{
	0%{opacity:1;}
	40%{opacity:0;}
}
@keyframes light0{
	0%{opacity:1;}
	40%{opacity:0;}
}
#uploadybFuFeiDetail-icon {
	width:250px;
	height:250px;
	display: inline-block;
	background-image: url("images/medical_icon.jpg");
	background-repeat: no-repeat;
}
#uploadybFuFeiDetail-icon {
	background-position:-245px -245px;
}
.import-hr{margin-top:25px;margin-bottom:25px; display: none;}
@media screen and (max-width:768px) {
.import-hr{display: block;}
}

#progress_info_ybFuFei table td{
	padding:8px;
}
#progress_info_ybFuFei table{
	color: white;
	margin: 0 auto;
	border: 1px solid #9f9;
}
#progress_info_ybFuFei>p:last-child{
	font-size:22px;
	animation:light 5s infinite;
	-moz-animation:light 5s infinite;
	-webkit-animation:light 5s infinite;
	-o-animation:light 5s infinite;
}
#progress_info_ybFuFei,#progress_info_ybFuFei>p{
	transition:all 1s;
    -webkit-transition:all 1s;
}
#import_loading_ybFuFei{
	text-align:center;
	position: fixed;
	padding-top:120px;
	top:0;
	left:0;
	width:100%;
	height:100%;
	background: rgba(0, 69, 111, 0.49);
    color: rgb(158, 255, 248);
    text-shadow: 0 0 4px #12C9FF;
	display: none;
    z-index: 480;
}
@keyframes light{
	0%{text-shadow:#59b8dc 1px 0 0,#59b8dc 0 1px 0,#59b8dc -1px 0 0,#59b8dc 0 -1px 0;}
	30%{text-shadow:transparent 1px 0 0,transparent 0 1px 0,transparent -1px 0 0,transparent 0 -1px 0;}
	100%{text-shadow:#59b8dc 1px 0 0,#59b8dc 0 1px 0,#59b8dc -1px 0 0,#59b8dc 0 -1px 0;}}
@-webkit-keyframes light{
	0%{text-shadow:#59b8dc 1px 0 0,#59b8dc 0 1px 0,#59b8dc -1px 0 0,#59b8dc 0 -1px 0;}
	30%{text-shadow:transparent 1px 0 0,transparent 0 1px 0,transparent -1px 0 0,transparent 0 -1px 0;}
	100%{text-shadow:#59b8dc 1px 0 0,#59b8dc 0 1px 0,#59b8dc -1px 0 0,#59b8dc 0 -1px 0;}}
@-moz-keyframes light{
	0%{text-shadow:#59b8dc 1px 0 0,#59b8dc 0 1px 0,#59b8dc -1px 0 0,#59b8dc 0 -1px 0;}
	30%{text-shadow:transparent 1px 0 0,transparent 0 1px 0,transparent -1px 0 0,transparent 0 -1px 0;}
	100%{text-shadow:#59b8dc 1px 0 0,#59b8dc 0 1px 0,#59b8dc -1px 0 0,#59b8dc 0 -1px 0;}}
}
</style>
</style>
</head>
<body>
	<div class="row rowhcq" id = "con" style="text-align: center;">
		<div class="col-xs-12">
		    <div class="boxcq clearfix">
		    	<div class="ti"><i class="fa fa-file-text-o"></i>数据导入</div>
		    	<ul class="nav nav-tabs boxnavcq" role="tablist"></ul>
				<div class="container-fluid" id="ybFuFeiUpload">
					 <div class="row">
					 	<div class="col-sm-12 ybFuFeiUpload">
					 		<div id="uploadybFuFeiDetail-icon" data-num="0" class="ybFuFeiUpCoin"></div>
		 			 		<h4 class="ybFuFeiDesc">医保病组付费数据采集</h4>
					 		<div style="margin-left: 50px;">
					 			<input type="file" name="file" id="uploadybFuFeiDetail" class="ybFuFeiUp" />
					 		</div>				
					 		<a href="download/beiJingDrgZhiFuYiBaoFenZuJieGuo.xlsx" class="btn btn-default" style = "text-decoration:none;margin:5px 20px 10px 70px;background-color:rgb(21,187,107);color:#fff">&nbsp;&nbsp;&nbsp;
					 			<i class="fa fa-download"></i>&nbsp;下载模版 &nbsp;&nbsp;&nbsp;
					 		</a>
					 		<hr class="import-hr">
					 	</div>
					</div>
					<div class="clearfix"></div>
		     </div>
	     </div>
	 </div>
	 
 
 	<div id="import_loading_ybFuFei" style="opacity: initial;">
		<div style="position: relative;width: 80%;margin:0 auto;text-align: center;font-size: 20px;color:white;overflow:hidden; height: 240px;">
			<div id="progress_info_ybFuFei" style="position: absolute;bottom:0;width: 100%;height:230px;overflow-y:auto;"></div>
			<div id="progress_info_detail_ybFuFei" style="position: absolute;bottom:0;right:0;text-align:right; width: 50%;color: #ddd;font-size: 16px;"></div>
		</div>
		
		<!-- 进度条 -->
	    <div class="progress" style="width: 80%;margin: 0 auto;">
		  <div class="progress-bar progress-bar-info progress-bar-striped" role="progressbar" aria-valuemin="0" aria-valuemax="100">
		    <span></span>
		  </div>
		</div>
		
		<div style="position: relative;width: 80%;margin:0 auto;text-align: center;height: 60px;font-size: 20px;overflow:hidden;">
			<div id="progress_usedtime_ybFuFei" style="position: absolute;left:0;text-align:left; width: 50%;color: #ddd;font-size: 16px;"></div>
			<div id = "progress_lefttime_ybFuFei" style="position: absolute;right:0;text-align:right; width: 50%;color: #ddd;font-size: 16px;"></div>
		</div>
		
		<a id="close_loading_btn_ybFuFei" class="btn btn-primary" onclick="closeBgDiv_ybFuFei()" style="margin:10px auto;display: none;">关闭</a>
	</div>
 <script type="text/javascript" src="<%=request.getContextPath() %>/js/drgfeemedins/drgFeeMedinsUpload.js"></script>
</body>
</html>